<template>
  <view class="uni-padding-wrap uni-common-mt">
    <view class="uni-flex uni-row" style="flex-wrap: wrap;">
	  <view class="flex-item">
		<u-cell-group>
	      <u-cell
            v-for="item in newsList"
            :key="item.title"
            :title='item.title'
            :value="item.num"
            titleStyle= "font-size: 15px;"
            arrow-direction="right"
            ></u-cell>
        </u-cell-group>
	  </view>
      <view class="flex-item">
        <!-- <u-cell-group>
            <u-cell title="实时资讯" titleStyle= "font-size: 13px;" value="啦啦"></u-cell>
            </u-cell-group> -->
        <u--text text="实时资讯" size=36 lineHeight=55 margin="30rpx"></u--text>
        <u-line></u-line>
        <u--text
            :lines="3"
            margin="15rpx"
            size=35
            text="记者从天津市防控指挥部获悉，5月15日6时起，天津市开展了全市全员核酸检测，已全部完成检测，共发现20：1混管阳性17管（北辰区8管，东丽区9管）。截至16日12时，经单人单采复核检测及密接、次密接风险人员追踪排查，共发现26例核酸阳性感染者（其中6时至12时新增22例）。来源： 中国青年报"
        ></u--text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
    name: "information",
    data() {
        return{
            newsList: [
                {
                    title: '天津新增',
                    num: '2'
                },
                {
                    title: '国内新增',
                    num: '120'
                },
                {
                    title: '现有确诊',
                    num: '122'
                }
            ]
        }
    }
}
</script>

<style>
.flex-item {
	width: 46%;
	height: 300rpx;
	line-height: 150rpx;
    border-radius: 10%;
    background-color: rgb(255, 255, 255);
    margin: 5px;
}

</style>